{extend name="base" /}
{block name="title"}程序员圈子,技术交流,问题解答,吹水聊天|程序员的收藏夹-专注于程序员学习、分享{/block}

{block name="style"}
	<style type="text/css">
		.iceUpload-img{
			border: none !important;
		}
		.iceUpload-img .iceUpload-info {
			width: 80px;
		    height: 80px;
		}
		.iceUpload-img .iceUpload-info img{
			object-fit: cover;
		    width: 80px;
		    height: 80px;
		}
	</style>
{/block}

{block name="header"}
	{include file="public/user_header" /}
{/block}

{block name="content"}
<template class="iceView">
<div class="zbd-content">
	<div class="page mt15">
		<div class="w300">

			<!-- <div class="box1 yy">
				<div class="title-l fon14">推荐圈子</div>
				<div class="bbs-item">
					<div class="qz-pic left">
						<img src="https://statics.bibabi.com/imgs/be/2a/12/cb/mpySbm5kbJNrlJSTcw==-12cb.png@!100x100" alt="" class="covers">
					</div>
					<div class="qz-desc left">
						<div class="el qz-h a-line">互联网圈子</div>
						<div class="el qz-bz">互联网正在发生的事情</div>
						<div class="black"><span class="blue">话题 0 </span>&nbsp; · &nbsp;<span class="blue">成员 1</span></div>
					</div>
				</div>
				<div class="bbs-item">
					<div class="qz-pic left">
						<img src="https://statics.bibabi.com/imgs/be/2a/12/cb/mpySbm5kbJNrlJSTcw==-12cb.png@!100x100" alt="" class="covers">
					</div>
					<div class="qz-desc left">
						<div class="el qz-h a-line">互联网圈子</div>
						<div class="el qz-bz">互联网正在发生的事情</div>
						<div class="black"><span class="blue">话题 0 </span>&nbsp; · &nbsp;<span class="blue">成员 1</span></div>
					</div>
				</div>
				<div class="bbs-item">
					<div class="qz-pic left">
						<img src="https://statics.bibabi.com/imgs/be/2a/12/cb/mpySbm5kbJNrlJSTcw==-12cb.png@!100x100" alt="" class="covers">
					</div>
					<div class="qz-desc left">
						<div class="el qz-h a-line">互联网圈子</div>
						<div class="el qz-bz">互联网正在发生的事情</div>
						<div class="black"><span class="blue">话题 0 </span>&nbsp; · &nbsp;<span class="blue">成员 1</span></div>
					</div>
				</div>

				<div class="bbs_list_item p10 cursor-pointer text-center"><a href="/bbs/circle" class="gray">查看全部圈子 <i class="icon ice-arrow-round-r gray"></i></a></div>
			</div> -->

			<div class="box1 yy">
				<div class="title-l fon14">圈子话题</div>
				<div class="p10 row">
					{foreach $type_list as $key => $val}
					<a href="javascript:;" class="w6 inline-block small topic" >#{$val['type_name']}#</a>
					{/foreach}
				</div>
			</div>

			<div class="tip bg-red">
				<p class="bold red">温馨提示：</p>
				<p class="red">不要随便添加圈子里的任何形式的联系方式，保护个人信息安全，避免上当受骗</p>
			</div>
		</div>

		<div class="w700 left">
			<div class="box1 pt20 pl15 pr15 pb15">
				<textarea class="form-control border-gray no-hover resize-none bbs-pub-content" name="content" id="content" placeholder="程序员都有自己的想法,唠一唠"></textarea>
				<input type="hidden" id="bbs_imgs" value="">
				<div class="bbs-nav">
					<div class="iceUpload-img" data-name="file" data-accept="image/*" data-url="/Upload/uploadPic" data-del="imgDelBbs" data-success="imgSuccessBbs">
					    <div class="btn min icon ice-upload bg-black shangchuan">&nbsp;选择图片</div>
						<button type="button" class="btn bg-blue min right JS-commit">发布</button>
					</div>
					<div class="fenleis">
						<select class="select ml10 slk" data-clear="false" name="type_id" id="type_id">
							{foreach $type_list as $key => $val}
					        <option value="{$val['id']}" class="red">#{$val['type_name']}#</option>
					        {/foreach}
					    </select>
					</div>
				</div>
			</div>
			<div class="box1" data-scroll-class="gd-bbs-navs" data-scroll-top="250" data-scroll-delay="1" data-scroll-type="auto">
				<div class="bbs-link-nav">
					<span class="icon a-line bbs-link blue ice-arrow-round-r"> 全部动态</span>
					<span class="icon a-line bbs-link"> 热门动态</span>
					<span class="icon a-line bbs-link"> 我的动态</span>
					<span class="icon a-line bbs-link"> 我的关注</span>
					<span class="bbs-link right icon ice-renovate blue bold"> 刷新动态</span>
				</div>
			</div>
			<div id="bbs_list">
				<div class="box1 bbs_list_item p20">
					<div class="bbs_list_item_hed">
						<a href="javascript:;"><img class="bbs-avatar left" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
						<div class="bbs_user left">
							<div class="bbs_user_name"><a href="javascript:;" class="a-line">隔壁老郑</a> <span class="border-red gz">求关注</span></div>
							<div class="bbs_user_desc">一个程序员的故事就这样开始了帷幕</div>
							<span class="bbs_date">3月31日 12:51</span>
						</div>
					</div>

					<div class="bbs_comtent cursor-pointer">
						<a href="javascript:;" class="mr5 orange" data-notes="{position:'right',content:'来自“互联网圈子”的动态,前往查看更多'}">#测试互联网圈子#</a>今天的开屏红包你抢到了吗？🐷
					</div>

					<div class="bbs_pic_list">
						<img class="bbs_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
						<img class="bbs_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
					</div>

					<!-- <div class="bbs-type">
						<button data-notes="{position:'right',content:'来自“互联网圈子”的动态,前往查看更多'}" type="button" class="btn min border-red bbs-type-name icon ice-arrow-triangle-r">互联网圈子</button>
					</div> -->

					<div class="bbs-map mt10"><span class="icon ice-map bbs-map-name"> 广东 广州</span></div>


					<div class="bbs_action">
						<div class="bbs_zan_pic_list left">
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<i class="zan-total">25人点赞</i>
						</div>
						<div class="right">
							<a href="javascript:;" class="icozdy icon ice-view"> 足迹 200</a>
							<a href="javascript:;" class="icozdy icon ice-speak"> 评论 2</a>
							<a href="javascript:;" class="icozdy red icon ice-heart-on"> 点赞 12</a>
						</div>
					</div>

					<div class="bbs-comment-list">
						<p><a class="a-line cm-user" href="javascript:;">隔壁老郑</a>回复了<a class="a-line cm-user" href="javascript:;"> 啊捞哥</a>:这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼这个是什么鬼?</p>
						<p><a class="a-line cm-user" href="javascript:;">啊捞哥</a>:这个是什么鬼?</p>
						<p><a class="a-line cm-user" href="javascript:;">啊捞哥</a>:这个是什么鬼?</p>
						<p><a class="cm-user black" href="javascript:;">查看更多评论(15) <span class="icon ice-arrow-triangle-r black"></span></a></p>
					</div>
				</div>

				<div class="box1 bbs_list_item p20">
					<div class="bbs_list_item_hed">
						<a href="javascript:;"><img class="bbs-avatar left" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
						<div class="bbs_user left">
							<div class="bbs_user_name"><a href="javascript:;" class="a-line">隔壁老郑</a> <span class="border-red gz">求关注</span></div>
							<div class="bbs_user_desc">一个程序员的故事就这样开始了帷幕</div>
							<span class="bbs_date">5小时前</span>
						</div>
					</div>
					<div class="bbs_comtent cursor-pointer">
						今天的开屏红包你抢到了吗？🐷
					</div>

					<div class="bbs_action">
						<div class="bbs_zan_pic_list left">
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<a href="javascript:;"><img class="align-middle bbs_zan_pic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png"></a>
							<i class="zan-total">25人点赞</i>
						</div>
						<div class="right">
							<a href="javascript:;" class="icozdy">足迹 200</a>
							<a href="javascript:;" class="icozdy"> 评论 2</a>
							<a href="javascript:;" class="icozdy">点赞 12</a>
						</div>
					</div>
				</div>

				<div class="box1 bbs_list_item p10 cursor-pointer text-center"><a href="javascript:;">点击加载更多动态 <i class="icon ice-arrow-triangle-b"></i></a></div>
			</div>
		</div>

		<div class="w200 left">
			<div class="box1 yy">
				<div class="bbs-user-info">
					<div class="text-center">
						<img class="avapic" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
					</div>
					<div class="avapic-wai-r">
						<div class="avapic-wai-name el">隔壁老郑</div>
						<!-- <div class=""><span class="tag tag-radius bg-red">关注</span></div> -->
					</div>
				</div>
				<div class="row text-center p10">
				    <div class="col"><p class="user-li">动态 <span class="ani-num">15</span></p></div>
				    <div class="col"><p class="user-li">关注 <span class="ani-num">0</span></p></div>
				    <div class="col"><p class="user-li">粉丝 <span class="ani-num">168</span></p></div>
				</div>
			</div>

			<div class="box1 yy">
				<div class="title-l fon14">活跃用户</div>
				<div class="text-center">
				    <a href="javascript:" class="ws60">
				    	<img class="ava-hy" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
				    	<p class="el nkc">测试测试测试</p>
				    </a>
				    <a href="javascript:" class="ws60">
				    	<img class="ava-hy" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
				    	<p class="el nkc">测试</p>
				    </a>
				    <a href="javascript:" class="ws60">
				    	<img class="ava-hy" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
				    	<p class="el nkc">测试</p>
				    </a>
				    <a href="javascript:" class="ws60">
				    	<img class="ava-hy" src="http://pic.zhengbingdong.cn/upload/20220330/09d81ed4b6c44f9441748b382870f91c.png">
				    	<p class="el nkc">测试</p>
				    </a>
				</div>
			</div>
		</div>
	</div>
</div>
</template>
<script src="/static/web/zbdui/src/view/iceView.js"></script>
<script type="text/javascript">

	ice(function(){

		// 发布
		ice(".JS-commit").click(function(){
			var datas = {
				bbs_imgs : ice("#bbs_imgs").val(),
				content : ice("#content").val(),
				type_id : ice("#type_id").val()
			}
			if(datas.content==''){
				return false;
			}
			ice.ajax({
			    url:'/AjaxSyn/bbsRelease',
			    type:'post',
			    data:datas,
			    success:function(res){
			        if(res.code == 1){
			            ice.pop({content:res.message})
			            return false;
			        }else{
			        	ice.pop({content:res.message,icon:'success'})
			        	ice("#content").val('')
						ice("#bbs_imgs").val('')
						ice(".iceUpload-item").del()
						ice("#type_id").val('')
			        }
			    }
			});
			
		})
	})
	
	
	// 删除图片
	function imgDelBbs(e,list){
        ice("#bbs_imgs").val(list.join(','))
    }

    // 上传成功的图片
    function imgSuccessBbs(e,list){
        ice("#bbs_imgs").val(list.join(','))
    }

    //接收一个json对象，key值对应上面的模板变量
    ice.view({
    	typeShow:false,
    	typeShow:'',
    	typeShowId:0,
    })
</script>
{/block}